@charset "utf-8";
/* CSS Document */
h2{ text-align:center; padding:10px; font-size:20px;}
a{color:#007bc4/*#424242*/; text-decoration:none;}
div{  padding: 5px;}
a:hover{text-decoration:underline}
table{border-collapse:collapse;border-spacing:0}
body{height:100%; font-size:12px;font-family: sans-serif; color:#ffffff; background:#ffffff }
img{border:none}
.logo{width:910px;}
#main_demo{width:910px; min-height:600px; margin:30px auto 0 auto; background:#fff; -moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px; border-radius:12px;}
.ad{ text-align:center; margin-top:25px;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #e0e0e0;
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.search {
    border:solid 1px #ccc;
    border-radius: 5px;
    padding:7px 14px;
    margin-bottom:10px
}
.search:focus {
    outline:none;
    border-color:#aaa;
}
/*label, input { display:block; }*/
input.text { margin-bottom:12px; width:95%; padding: .4em; }
div#tab_data table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab_data table td, div#tab_data table th { border: 1px solid #eee; padding: .6em 4px; text-align: left;color: #212121;font-size:1.3em }
#fileuploadbtn{ display: inline}
.button {
    padding:8px 30px;
    border-radius: 6px;
    border:none;
    display:inline-block;
    color:#fff;
    text-decoration: none;
    background-color: #28a8e0;
    height:30px;
}
.button:hover {
    text-decoration: none;
    background-color:#1b8aba;
}
.button:focus {
    outline:none;
}
.button:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}
.button.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content:"";
    position: relative;
    top:13px;
    right:-5px;
}
.button.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}
#fileuploadbtn{
    outline:none;
    border-color:#aaa;
    background-color: #888888;
}
#layer_control{
    width: 20%;
    height: 100%;
    float: left;
    clear: left;
    border: 1px solid gray;
    border-radius: 5px;
}
#svg_div{
    width: 79.9%;
    height: 100%;
    float: right;
    clear: right;
    border: 1px solid gray;
    border-radius: 5px;
}